<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>选择分类</title>
		<link rel="stylesheet" href="../css/common.css">
		<link rel="stylesheet" href="../css/style_zj.css">
		<link rel="stylesheet" href="../layui/css/layui.css">
		<link rel="stylesheet" href="../fonts/iconfont.css">
		<link rel="stylesheet" href="../css/flex.css">
		<link rel="stylesheet" href="../css/personal_center.css">
	</head>

	<body>
		<!--<div id="header_01_html">
    <iframe id="header_01" src="head_01.html" frameborder="0"></iframe>
</div>-->
		<div class=" content-box">
			<!--<div id="left_tab_html">
        <iframe id="left_tab" src="left_tab.html?x=1&y=1" frameborder="0"></iframe>
    </div>-->
			<div class="right-box">
				<div id="advertisement-list" v-cloak>
					<div class=" flex-row-space-between">
						<div class="title-toggle js-getType" style="margin-top: 10px;">
							<div class="item active1 " data-type="0">广告轮播</div>
							<!--<div class="add-ad-btn-wrapper">-->
							<!--<button type="button">添加广告位</button>-->
							<!--</div>-->
						</div>
						<div class="add-ad-btn-wrapper">
							<button type="button">添加广告位</button>
						</div>
					</div>

					<div class="tip-surplus flex-row-start">
						<div class="font20">
							<label for="" class="font24">提示：</label>
							<span>上传的广告图片有效期为<span class="theme-color font24">24小时</span>，到期后自动下架。</span>
						</div>
						<label for="" class="font24">剩余上传次数：<span class="theme-color">8次</span></label>
					</div>
					<!--<div>-->
					<div class="advertisement-info font22" v-for="(a,aI) in advertisementList" :key="aI">
						<div class="flex-row-space-around">
							<div>第<span class="theme-color ">{{ aI + 1}}</span>张</div>
							<img src="" alt="">
							<button type="button" class="">移除</button>
						</div>
						<div class="flex-row-start">
							<div>
								<label for="">添加地址：</label>
								<input type="text" v-model="a.url">
							</div>
							<div>
								<label for="">开始时间：</label>
								<input type="date" v-model="a.startTime">
							</div>
						</div>
					</div>

					<div class="text-c"><span class="btn-sty11 box-shadow-sty1 js-goRelease">立即提交</span></div>
				</div>

			</div>
		</div>
		</div>

		<!--<div>
    <iframe src="footer-record.html" style="width: 100%;border: none;height:60px;"></iframe>
</div>-->
		<script src="../layui/layui.all.js"></script>
		<script src="../js/jquery-3.3.1.min.js"></script>
		<script src="../js/vue.js"></script>
		<script src="../js/common.js"></script>

		<script>
			var advertisementVue = new Vue({
				el: '#advertisement-list',
				data: {
					advertisementList: [{
						url: 'www.baidu.com',
						imgUrl: '/img',
						startTime: '2018-10-11 10:00:00'
					}, {
						url: 'www.baidu.com',
						imgUrl: '/img',
						startTime: '2018-10-11 10:00:00'
					}, {
						url: 'www.baidu.com',
						imgUrl: '/img',
						startTime: '2018-10-11 10:00:00'
					}, ],
				},
				mounted: function() {
					// get_ajax("/sys/storeCommodityType/getAllList", {}, function (data) {
					//     app.allList = data;
					// })
				},
				methods: {}
			});
		</script>
	</body>

</html>